@charset "utf-8";

/* CSS Document */


/*清样式*/

body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
ol,
dl,
dt,
dd,
a,
img,
input,
form {
	padding: 0;
	margin: 0;
}

ul,
ol {
	list-style: none;
}

input {
	outline: none
}

img {
	border: 0;
	display: inline-block;
}


/*定义文字三属性*/

body {
	font: 12px/1.5 "微软雅黑";
	color: #3e3e3e;
	background: #ededed;
}


/*定义超链接样式*/

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #f60;
}


/*公共样式*/

.w {
	width: 1200px;
	margin: 0 auto;
}

.l {
	float: left;
}

.r {
	float: right;
}


/*header*/

#header {
	height: 32px;
	width: 100%;
	background: #ededed;
}

#header .w {
	height: 32px;
}

#header .w ul {
	width: 450px;
	height: 32px;
	line-height: 32px;
}

#header .w ul li a {
	color: #000;
}

#header .w ul li.orange a {
	color: #f60;
}

#header .w ul li.orange {
	padding-left: 5px;
	padding-right: 5px;
}

#header .w ul li a:hover {
	color: #f00;
	text-decoration: none;
}

#header .w ul.r li a {
	padding-left: 10px;
	border-right: 1px solid #000;
	padding-right: 10px;
}

#header .w ul.r li.first a,
#header .w ul.r li.last a {
	border-right: 0;
}

#header .w ul.r li.first {
	width: 104px;
	height: 21px;
	border: 1px solid #ccc;
	margin-top: 4px;
	line-height: 21px;
	text-align: center;
	background: url(../img/shopcar.jpg) no-repeat 2px 2px;
}

#header .w ul.r li.first img {
	position: absolute;
	top: 10px;
	left: 870px;
}


/*logo*/

#logo {
	height: 100px;
	background: #fff;
}

#logo .w {
	height: 100px;
}

#logo .w h1 {
	width: 230px;
	position: absolute;
}

#logo form {
	position: absolute;
	top: 60px;
	left: 500px;
}

#logo .w form .commodity {
	width: 48px;
	height: 22px;
	background: #d72427;
	text-align: center;
	line-height: 22px;
	position: absolute;
	top: -20px;
}

#logo .w form .commodity a {
	color: #fff;
}

#logo .w form #txt1 {
	width: 512px;
	height: 30px;
	border: 2px solid #f00;
	color: #ccc;
}

#logo .w form #search {
	position: absolute;
	top: 0;
	left: 520px;
}

#logo .w .log {
	position: absolute;
	top: 94px;
	left: 504px;
}

#logo .w .log li a {
	color: #000;
}

#logo .w .log li a:hover {
	color: #f60;
	text-decoration: none;
}


/*nav*/

#nav {
	height: 84px;
	overflow: hidden;
}

#nav .w {
	height: 84px;
}

#nav ul.left {
	width: 1245px;
	height: 42px;
	line-height: 42px;
	background: #c50709;
	padding-left: 37px;
}

#nav ul.left li {
	width: 99px;
	height: 40px;
	text-align: center;
	border-right: 1px solid #d4171a;
}

#nav ul.left li.first {
	background: #940206;
	height: 42px;
	color: #fff;
}

#nav ul.left li a {
	color: #fff;
	display: block;
}

#nav ul.left li a:hover {
	background: #420500;
	color: #fff;
	text-decoration: none;
}

#nav ul.left li.right {
	width: 26px;
	height: 27px;
	border: 0;
	line-height: 50px;
	padding-right: 4px;
}

#nav ul.left li.right a:hover {
	color: #f0f;
	background: none;
}

#nav ul.left li.fenxiao {
	padding-left: 85px;
	background: url(../img/hot.png) no-repeat 85px 5px;
}

#nav ul.left li.daohang {
	background: url(../img/new.png) no-repeat 1px 5px;
}

#nav ul.left li.tuangou {
	background: url(../img/diy.png) no-repeat 1px 5px;
}

#nav ul.left li.chongzhi {
	background: url(../img/go.png) no-repeat 1px 5px;
}

#nav .bg {
	height: 40px;
	width: 80%;
	background: #940206;
	padding-left: 10%;
	padding-right: 10%;
}
/*shouye*/
#shouye{
	height: 35px;   	
}
#shouye .w{
	height: 35px;
}
#shouye .w .shouye_p{
	height: 35px;
	line-height: 35px;
}
#shouye .w .shouye_p a{
	height: 35px;
	width: 100px;
   padding-left: 15px;
   text-decoration: none;
}
/*banner*/

#banner{
	height: 1969px;	
}
#banner .w{
	height: 1969px;
	/*overflow: hidden;*/	
}
#banner .w .detail_l {
	width: 210px;
	height: 691px;
	background: #fff;
}

#banner .w .detail_l .cookh1 {
	width: 210px;
	height: 130px;
}

#detail .w .detail_l .cookh1 img {
	vertical-align: middle;
}

#banner .w .detail_l .cookh1 span {
	vertical-align: middle;
	display: inline-block;
	width: 0;
	height: 100%;
}

#banner .w .detail_l .rank {
	width: 210px;
	height: 304px;
}

#banner .w .detail_l .rank .rank_p {
	width: 210px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #ab0c06;
	letter-spacing: 2px;
}

#banner .w .detail_l .rank .rank_ul {
	height: 272px;
	width: 208px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#banner .w .detail_l .rank .rank_ul li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #cc0048;
}

#banner .w .detail_l .rank .rank_ul .first {
	height: 66px;
	line-height: 66px;
}

#banner .w .detail_l .rank .rank_ul li a {
	color: #000;
}

#banner .w .detail_l .rank_log {
	height: 250px;
	width: 210px;
	margin-top: 7px;
}

#banner .w .detail_l .rank_log {
	width: 210px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #ab0c06;
	letter-spacing: 2px;
}

#banner .w .detail_l .rank_log h1 {
	height: 216px;
}

#banner .w .detail_l .rank_log h1 img {
	vertical-align: middle;
}

#banner .w .detail_l .rank_log h1 span {
	vertical-align: middle;
	display: inline-block;
	width: 0;
	height: 100%;
}
#banner .w .detail_r{
	width: 973px;
	height: 1959px;
	/*height: 2050px;*/
	margin-left: 17px;
    background: #fff;
}
#banner .w .detail_r .detail_img{
	height: 299px;
	width: 973px;
}
#banner .w .detail_r .listtop{
	height: 118px;
	width: 971px;
	border: 1px solid #ccc;
}
#banner .w .detail_r .listtop p.listtop_p{
	text-indent: 1em;
	width: 971px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #ccc;
}
#banner .w .detail_r .listtop p.listtop_p a{
	color: #3e3e3e;
	padding-right: 10px;
}
/*展开收起*/
#banner .w .detail_r .listbrand{
	height: 41px;
	border-bottom: 1px solid #ccc;
	background: #F0EEEC;
}

#banner .w .detail_r .listbrand .brandul .li1{
	width: 100px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background: #f7f5f6;;
}
#banner .w .detail_r .listbrand .brandul .li1 a{
	color: #000;
}
#banner .w .detail_r .listbrand .brandul .li2{
	width: 800px;
	height:auto ;
}
#banner .w .detail_r .lihide{
	height: 40px;
	display: block;
	overflow: hidden;
	
}
#banner .w .detail_r .listbrand .brandul .li2 .brandnul{
	width: 800px;
	height: 120px;
}
#banner .w .detail_r .listbrand .brandul .li2 .brandnul li{
	width: 95px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
}
#banner .w .detail_r .listbrand .brandul .li2 .brandnul li a{
	color: #000;
}
#banner .w .detail_r .listbrand .brandul .li3{
	width: 51px;
	padding-top: 5px;
}
#banner .w .detail_r .listbrand .brandul .li3 .li_p1{
	display: block;
}
#banner .w .detail_r .listbrand .brandul .li3 .li_p2{
	display:none;
}



#banner .w .detail_r .listbrand2{
	height: 41px;
	background: #F0EEEC;
}
#banner .w .detail_r .listbrand2 .brandul2 .lia{
	width: 100px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background: #f7f5f6;;
}
#banner .w .detail_r .listbrand2 .brandul2 .lia a{
	color: #000;
}
#banner .w .detail_r .listbrand2 .brandul2 .lib a{
	color: #000;
}
#banner .w .detail_r .listbrand2 .brandul2 .lib{
	width: 800px;
	height:auto ;
}
#banner .w .detail_r .lihide2{
	height: 40px;
	display: block;
	overflow: hidden;	
}
#banner .w .detail_r .listbrand2 .brandul2 .lib .brandnul2{
	width: 800px;
	height: 93px;
}
#banner .w .detail_r .listbrand2 .brandul2 .lib .brandnul2 li{
	width: 95px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
}
#banner .w .detail_r .listbrand2 .brandul2 .li2 .brandnul2 li a{
	color: #000;
}
#banner .w .detail_r .listbrand2 .brandul2 .lic{
	width: 51px;
	padding-top: 5px;
}
#banner .w .detail_r .listbrand2 .brandul2 .lic .li_pa{
	display: block;
}
#banner .w .detail_r .listbrand2 .brandul2 .lic .li_pb{
	display:none;
}



#banner .w .detail_r .listdown{
	width: 973px;
	height: 1536px;
}
#banner .w .detail_r .listdown .down1{
	height: 39px;
	border: 1px solid #ccc;
	background: #faf4ea;
}
#banner .w .detail_r .listdown .down1 .hankul{
	margin-top: 10px;
	height: 22px;
	line-height: 22px;
}
#banner .w .detail_r .listdown .down1 .hankul a{
	text-decoration: none;
}
#banner .w .detail_r .listdown .down1 .hankul .li_f{
	text-indent: 1em;
}
#banner .w .detail_r .listdown .down1 .hankul .li_f a{
	color: #000;
}
#banner .w .detail_r .listdown .down1 .hankul .li_z{
	width:42px;
	height: 20px;
	color: #f00;
	border: 1px solid #ccc;
	text-align: center;
	margin-left: 30px;
}
#banner .w .detail_r .listdown .down1 .hankul .li_z a{
	color: #F00;
	width:42px;
	height: 20px;
    display: block;
}
#banner .w .detail_r .listdown .down1 .hankul .li_z a:hover{
	background: #f00;
	color: #fff;
}
#banner .w .detail_r .listdown .down1 .hankul .li_c{
	width:67px;
	height: 20px;
	color: #f00;
	border: 1px solid #ccc;
	text-align: center;
	
}
#banner .w .detail_r .listdown .down1 .hankul .li_c a{
	color:#f00 ;
	width:67px;
	height: 20px;
    display: block;
}
#banner .w .detail_r .listdown .down1 .hankul .li_c a:hover{
	background: #f00;
	color: #fff;
}
#banner .w .detail_r .listdown .down1 .hankul .li_j{
	width:105px;
	height: 20px;
	color: #f00;
	border: 1px solid #ccc;
	text-align: center;
}
#banner .w .detail_r .listdown .down1 .hankul .li_j a{
	color: #f00;
	width:105px;
	height: 20px;
    display: block;
}
#banner .w .detail_r .listdown .down1 .hankul .li_j a:hover{
	background: #f00;
	color: #fff;
}
/*.comlist*/
#banner .w .detail_r .comlist{
	height: 1433px;
	width: 973px;
}
#banner .w .detail_r .comlist .comlist_u1{
	height:353px;
	width: 953px;
	margin: auto;
	margin-bottom: 3px;
}
#banner .w .detail_r .comlist .comlist_u1 li{
	width: 188px;
	height: 351px;
}


#banner .w .detail_r .comlist .comlist_u1 li .c_pic{
	width: 170px;
	height: 230px;
	margin: auto;
	border: 1px solid #C0BCBC;
}
#banner .w .detail_r .comlist .comlist_u1 .c_p1{
	width: 170px;
	height: 24px;
	color: #000;
	text-indent: 1em;
}
#banner .w .detail_r .comlist .comlist_u1 .c_p2{
	width: 170px;
	height: 24px;
	color: #000;
	text-indent: 1em;
}
#banner .w .detail_r .comlist .comlist_u1 .c_p2 span{
	color: #f00;
}
#banner .w .detail_r .comlist .comlist_u1 .c_p3{
	height: 40px;
	width: 170px;
	line-height: 20px;
	text-indent: 1em;
	overflow: hidden;
}
#banner .w .detail_r .comlist .comlist_u1 .c_p3 a{
	color: #000;
	text-decoration: none;
}
#banner .w .detail_r .comlist .comlist_u1 .c_p4{
	width: 170px;
	height: 24px;
	color: #0066cc;
	text-indent: 1em;
}
#banner .w .detail_r .c_pag{
	width: 900px;
	height: 20px;
	margin: 0 auto;
	margin-top: 20px;
}
#banner .w .detail_r .c_pag a{
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
	text-decoration: none;
}
#banner .w .detail_r .c_pag a:hover{
	color: #000;
	background: #f00;
}
#banner .w .detail_r .c_pag a.one{
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
}
#banner .w .detail_r .c_pag a.two{
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
}









/*bottom*/
#bottom{
	height: 380px;
}
#bottom .w{
	height: 380px;
	background: #fff;
	padding-top: 10px;
}
#bottom .w .bottom_p{
	width: 1170px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	border: 1px solid #ccc;
	margin-left: 12px;
	color: #000;
}
#bottom .w .bottom_p a{
	color: #bbb;
	text-decoration: none;
}
#bottom .w .bottom_tel{
	width: 240px;
	height: 193px;
	background: #ededed;
	margin-top: 20px;
	margin-left: 12px;
}
#bottom .w .bottom_tel li{
	padding-left: 40px;
	padding-top: 12px;
}
#bottom .w .bottom_tel li.bottom_telli{
	font-size: 16px;
	color: #c40000;
	font-weight: bold;
}
#bottom .w .bottom_con{
	height: 193px;
	width: 915px;
	background:#ededed ;
	margin-top: 20px;
	margin-right: 12px;	
}
#bottom .w .bottom_con .bottom_uls{
	padding-left: 60px;
	padding-top: 10px;
}
#bottom .w .bottom_con .bottom_uls li{
	padding-top: 20px;
}
#bottom .w .bottom_con .bottom_uls li.bold_li a{
	font-size: 14px;
	font-weight: bold;
}
#bottom .w .bottom_con .bottom_uls li a{
	color: #000;
	text-decoration: none;
}
#bottom .w .bottom_con .bottom_uls .li_img{
	padding-top: 10px;
	position: relative;
}
#bottom .w .bottom_con .bottom_uls .li_img:hover img{
	width: 242px;
	height: 242px;
    position:absolute;
    top:-60px;
     left:-60px;
     cursor: none;
}
#bottom .w .bottom_2p{
	height: 30px;
	line-height: 30px;
	text-align: center;
	clear: both;
}








